<html xmlns="http://www.w3.org/1999/xhtml"  
      xmlns:h="http://java.sun.com/jsf/html"  
      xmlns:f="http://java.sun.com/jsf/core" 
      xmlns:p="http://primefaces.org/ui" 
      xmlns:ui="http://java.sun.com/jsf/facelets">


    <h:form id="formTabela">
        <p:growl id="growl" showDetail="false" />
        <p:dataTable id="listContasPagar" var="forn" value="#{produtoControler.listProdutos}" widgetVar="carsTableAtivos" 
                     rowKey="#{forn.id}" selectionMode="single"  emptyMessage="Nenhum registro foi encontrado!" paginator="true" rows="10"
                     rowsPerPageTemplate="5,10,15,#{produtoControler.listProdutos.size()}"
                     selection="#{produtoControler.produto}" >

            <p:ajax event="rowSelect"    
                    update=":formCadastroProduto" oncomplete="carDialogProduto.show()" />  
            <p:ajax event="rowUnselect" update="@form" />  


            <f:facet name="header" >  
                <p:outputPanel>  
                    <p:commandButton value="Novo cadastro" title="Novo cadastro" accesskey="N" icon="ui-icon-plusthick"  
                                     onclick="carDialogProduto.show()" process="@this" action="#{produtoControler.inicializaObj()}" update=":formCadastroProduto" style="float: left;"/>
                    <h:outputText value="Digite para pesquisar: " />
                    <p:inputText id="globalFilter" onkeyup="carsTableAtivos.filter()" style="width:150px" /> 
                </p:outputPanel>  
            </f:facet>
            <p:column filterBy="#{forn.gtin}" headerText="Código Barras" footerText="Código Barras" sortBy="${forn.gtin}">    
                <h:outputText value="${forn.gtin}" />  
            </p:column>  
            <p:column filterBy="#{forn.codigoInterno}" headerText="Código Interno" footerText="Código Interno" sortBy="${forn.codigoInterno}">    
                <h:outputText value="${forn.codigoInterno}" />  
            </p:column>  
            <p:column filterBy="#{forn.descricao}" headerText="Descrição" footerText="Descrição" sortBy="${forn.descricao}">    
                <h:outputText value="${forn.descricao}" />  
            </p:column>  
            <p:column filterBy="#{forn.idGrupo.descricao}" headerText="Grupo" footerText="Grupo" sortBy="${forn.idGrupo.descricao}">    
                <h:outputText value="${forn.idGrupo.descricao}" />  
            </p:column>  
            <p:column filterBy="#{forn.valorVenda}" headerText="Valor venda" footerText="Valor venda" sortBy="${forn.valorVenda}">    
                <h:outputText value="${forn.valorVenda}">
                    <f:convertNumber type="currency"/>
                </h:outputText>
            </p:column>  
        </p:dataTable>
        <p:separator/>
    </h:form>

    <p:dialog id="dialogo" header="Dados do participante" widgetVar="carDialogProduto" resizable="false"   
              modal="true" appendToBody="true">
        <ui:include src="add.xhtml" />

        <!--     confirmação para excluir de participante do evento       -->
        <p:confirmDialog id="confirmDialog" message="Confirma excluir este grupo?" appendToBody="true"
                         header="Atenção!!!" severity="alert" widgetVar="confirmationExcluirgrupo" > 
            <h:form>
                <p:commandButton id="confirma" value="Sim"  oncomplete="confirmationExcluirgrupo.hide()"  onclick="statusDialog.show();" onsuccess="statusDialog.hide();"
                                 actionListener="#{produtoControler.excluir()}" update=":formTabela"/>  
                <p:commandButton id="decline" value="Cancelar" onclick="confirmationExcluirgrupo.hide()" type="button" />   
            </h:form>
        </p:confirmDialog>
    </p:dialog>
</html>